<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>

    <script type="text/javascript">
        $(function(){
            $("#dg").datagrid({
                url:"${pageContext.request.contextPath}/guru/getGuruByPage",
                title:"上师列表",
                width:500,
                pagination:true,//如果为true，则在DataGrid控件底部显示分页工具栏。默认为false
                onDblClickRow:function(rowIndex,rowData){  //双击打开修改对话框
                    $("#updateGuruDiv").dialog("open");
                    $("#updateGuruName").val(rowData.guruName);
                    $("#updateGuruImage").val(rowData.guruImage);
                    $("#updateGuruNickName").val(rowData.guruNickName);
                    $("#updateGuruStatus").val(rowData.guruStatus);
                    $("#id").val(rowData.guruId);  //
                },
                loadMsg:"拼命加载中...",// string  在从远程站点加载数据的时候显示提示消息
                toolbar:"#myToolbar1",//在<div>标签上定义工具栏
                columns:[[    //表格相当于二维数组，
                    {title:"编号",field:"guruId",checkbox:true},//一个{}表示一列
                    {title:"上师名",field:"guruName"},
                    {title:"法号",field:"guruNickName"},
                    {title:"头像",field:"cc",
                        formatter:function(value,rowData,rowIndex){
                          return "<img src='${pageContext.request.contextPath}/"+rowData.guruImage+"' width=\"40\" height=\"20\">";
                        }
                    },
                    {title:"操作",field:"cz",
                        //value:字段值；
                        //rowData:行对象
                        //rowIndex:行号；0,1....
                        formatter:function(value,rowData,rowIndex){
                            return "<a href='javascript:void(0)'  >修改</a>";
                        }
                    }
                ]]
            });
          //修改对话框
            $("#updateGuruDiv").dialog({
                width:300,
                title:"修改对话框",
                height:200,
                closed:true,
                buttons:"#updateDialogBtn2"  //修改按钮
            });
            //添加对话框
            $("#addDiv").dialog({
                width:300,
                title:"添加对话框",
                height:200,
                closed:true,
                buttons:"#addDialogBtn2"  //添加按钮
            });
            //上传对话框
            $("#uploadDiv").dialog({
                width:300,
                title:"上传对话框",
                height:200,
                closed:true,
                buttons:"#uploadDialogBtn"  //上传按钮
            });

        });



        //做搜索操作
        function doSearch() {
            //1.获取页面用户输入的用户名
            //2.携带着用户输入的用户名发送请求到后台，后台执行完之后的响应结果交给datagrid解析处理
            var guruName = $("#guruName").val();
            console.log(guruName);
            //2.
            //通过load/reload方法完成
            $("#dg").datagrid("load",{"guruName":guruName});
            //load:显示第一页的内容
            //reload:显示当前页的内
        }
        function toOpenAddDialog(){
            // 1.打开添加对话框
            $("#addDiv").dialog("open");
        }
        function toOpenUpload(){
            // 1.打开上传对话框
            $("#uploadDiv").dialog("open");
        }
        function toOpenDownload(){
            // 1.打开上传对话框
            $("#dowloadDiv").dialog("open");
        }

        function doAdd() {
            //通过form控件的submit方法提交表单
            $("#addForm").form("submit",{
                url:"${pageContext.request.contextPath}/guru/add",
                success:function(data){
                    //alert(data);
                    //data就是一个json串
                    var jsObj = JSON.parse(data);
                    if(jsObj.isAdd){
                        //把添加对话框关闭掉
                        //把datagrid刷新
                        alert("添加成功");
                        $("#addDiv").dialog("close");
                        $("#dg").datagrid("reload");  // 重新载入当前页面数据
                    }else{
                        alert("添加失败，请确认");
                    }
                }
            });
        }
        /*修改的信息收集和提交*/
        function doUpdate() {
            //通过form控件的submit方法提交表单
            $("#updateForm2").form("submit",{
                url:"${pageContext.request.contextPath}/guru/update",
                success:function(data){
                    alert(data);
                    //data就是一个json串
                    var jsObj = JSON.parse(data);
                    if(jsObj.isUpdate){
                        //把修改对话框关闭掉
                        //把datagrid刷新
                        alert("修改成功");
                        $("#updateGuruDiv").dialog("close");
                        $("#dg").datagrid("reload");
                    }else{
                        alert("修改失败，请确认");
                    }
                }
            });
        }

        /*Excel文件上传*/
        function doUpload() {
            //通过form控件的submit方法提交表单
            $("#uploadForm").form("submit",{
                url:"${pageContext.request.contextPath}/guru/upload",
                success:function(data){
                    alert(data);
                    //data就是一个json串
                    var jsObj = JSON.parse(data);
                    if(jsObj.isUpdate){
                        //把修改对话框关闭掉
                        //把datagrid刷新
                        alert("修改成功");
                        $("#updateGuruDiv").dialog("close");
                        $("#dg").datagrid("reload");
                    }else{
                        alert("修改失败，请确认");
                    }
                }
            });
        }
        /*Excel文件下载*/
        function doDownload() {
            //通过form控件的submit方法提交表单
            $("#uploadForm").form("submit",{
                url:"${pageContext.request.contextPath}/guru/download",
                success:function(data){
                    alert(data);
                    var jsObj = JSON.parse(data);
                    if(jsObj.isUpdate){
                        $("#dg").datagrid("reload");
                    }else{
                        alert("下载失败，请确认");
                    }
                }
            });
        }

        function doMultiDelete() {
            //获取到选中的内容
            //通过datagrid提供的方法getSelections
            //所有被选中的行，是一个数组
            var allSelectedRows = $("#dg").datagrid("getSelections");
            //console.log(allSelectedRows)
            if (allSelectedRows.length == 0) {
                alert("请选中要删除的内容");
            } else {
                var isConfirm = confirm("确定要删除选中的所有内容？");
                if (isConfirm) {
                    //执行删除操作
                    //1.获取到所有数据的id
                    //2.带着这些id发送ajax请求到后台
                    var ids = new Array();
                    for (var i = 0; i < allSelectedRows.length; i++) {
                        ids[i] = allSelectedRows[i].guruId;
                    }
                    alert("ids"+ids);
                    $.ajax({
                        url: "${pageContext.request.contextPath}/guru/multiDelete",
                        data:"ids="+ids, // 两种写法都可以
                        //data: {"ids": ids},
                        success: function (data) {
                            if (data.isDelete) {
                                alert("删除成功");
                                $("#dg").datagrid("reload");
                            } else {
                                alert("删除失败");
                            }
                        },
                        dataType: "json"
                    });
                }
            }
        }


    </script>


上师名：<input id="guruName" /><input type="button" onclick="doSearch()" value="搜索"/>
<table id="dg"></table>

<div id="myToolbar1">  <%--工具栏按钮--%>
    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-remove'" onclick="doMultiDelete()">批量删除</a>
    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-add'" onclick="toOpenAddDialog()">添加</a>
    <a href="javascript:void(0)" onclick="toOpenUpload()" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">文件数据上传</a>
    <a href="javascript:void(0)" onclick="doDownload()" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">文件下载</a>
</div>

<div id="updateGuruDiv">
    <form id="updateForm2" method="post" enctype="multipart/form-data">
        <input type="hidden" name="guruId" id="id"/>
        上师名：<input id="updateGuruName" name="guruName"/><br/>
        法号：<input id="updateGuruNickName" name="guruNickName"/><br/>
        头像：
        <img id="updateGuruImage" src="${pageContext.request.contextPath}/img/"+guruImage>
        <input id="image" name="image" type="file"/><br/>
        状态：<input id="updateGuruStatus" name="guruStatus"/><br/>
        <!-- <input type="button" value="修改" onclick="doUpdate()"/> -->
    </form>
</div>
<div id="addDiv">
    <form id="addForm" method="post" enctype="multipart/form-data">
        <%--<input type="hidden" name="id" id="id2"/>--%>
        上师名：<input id="addGuruName" name="guruName"/><br/>
        法号：<input id="addGuruNickName" name="guruNickName"/><br/>
            状态：<input id="addGuruStatus" name="guruStatus"/><br/>
            头像：<input id="addGuruImage" name="image" type="file"/><br/>


        <!-- <input type="button" value="添加" onclick="doAdd()"/> -->
    </form>
</div>


<div id="uploadDiv">
    <form id="uploadForm" method="post" enctype="multipart/form-data">
        文件：<input id="upload" name="image" type="file"/><br/>
    </form>
</div>


<div id="updateDialogBtn2"><%--对话框按钮--%>
    <a href="javascript:void(0)" onclick="doUpdate()" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">修改</a>
</div>
<div id="addDialogBtn2"><%--对话框按钮--%>
    <a href="javascript:void(0)" onclick="doAdd()" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">添加</a>
</div>
<div id="uploadDialogBtn"><%--对话框按钮--%>
    <a href="javascript:void(0)" onclick="doUpload()" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">上传</a>
</div>




